<!--插件的使用-->
<!--添加版权信息的plugin -->
<!--在webpack.config.js前const webpack = require('webpack')-->
<!--然后在module.exports={},后面添加plugins:[
                                            new webpack.BannerPlugin('最终版权信息归CoderWhy所有')
                                          ]-->
<!--重新打包好以后，就能在打包生成的文件中的头部对应的版权信息-->

<!--////////////////////////////////////////////////////////////////////////////-->
<!--想办法将index.html打包到dist中-->
<!--使用HtmlWebpackPlugin插件，该插件可以自动在dist中生成一个index.html文件，还能将打包的JS文件，自动通过script标签插入到body中-->
<!--使用npm install html-webpack-plugin --save-dev 来安装HtmlWebpackPlugin插件 -->
<!--接下来修改webpack.config.js中的plugins部分 后面添加new htmlWebpackPlugin({template:'index.html'})-->

<!--////////////////////////////////////////////////////////////////////////////-->
<!--在项目发布之前，我们需要对JS等文件进行压缩，这里我们就对打包的JS文件进行压缩，达到减小JS体积的目的-->
<!--这里使用一个三方插件npm install uglifyjs-webpack-plugin@1.1.1 --save-dev    -->
<!--然后在webpack.config.js中修改其配置，现在头部声明const uglifyJsPlugin = require('uglifyjs-webpack-plugin')-->
<!--接着在module.exports={}的plugins后面写new uglifyPlugin() -->

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="app">
</div>

<!--<script src="./dist/bundle.js"></script>-->
</body>
</html>